<%@ page language="java" contentType="text/html; charset=UTF-8"%>

<!DOCTYPE html>
<html>
<head>
<title>角色主页</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="renderer" content="webkit">
<%@ include file="/WEB-INF/common.jsp"%>

<link href="${path }/resources/css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
<link href="${path }/resources/css/animate.css" rel="stylesheet">
<link href="${path }/resources/css/style.css?v=4.1.0" rel="stylesheet">

<!--dataTables css样式-->
<link rel="stylesheet" type="text/css"
	href="${path }/resources/css/jquery.dataTables.min.css">
<!--DataTables button扩展-->
<link rel="stylesheet" type="text/css"
	href="${path }/resources/css/buttons.dataTables.min.css">


</head>
<body class="gray-bg" style="">
<jsp:include page="/WEB-INF/loginCheck.jsp" />
	<div>
		<h1 style="margin-left:20px">企业列表</h1>
		<hr>
	</div>
<%-- 	<!--查询条件  -->
	<div id="selectbar" barclass="panel-body" style="margin-top: 30px">
		<!--省市区  -->
		<div class="btn-group" style="margin-left: 50px">
			<form class="form-inline">
				<div id="distpicker5">
					<div class="form-group">
						<label class="sr-only" for="province1">Province</label> <select
							class="form-control" id="province1"></select>
					</div>
					<div class="form-group">
						<label class="sr-only" for="city1">City</label> <select
							class="form-control" id="city1"></select>
					</div>
					<div class="form-group">
						<label class="sr-only" for="district1">District</label> <select
							class="form-control" id="district1"></select>
					</div>
				</div>
			</form>
		</div>

		<!-- <div class="btn-group" style="margin-left: 30px">
			<input type="text"  name="username" id='namejudge' class="form-control col-md-3 col-xs-3" placeholder="输入需查询的维保企业">
		</div> -->
		<div class="btn-group">
			<button id="search" class="btn btn-default " type="button">搜索</button>
		</div>
		<div class="btn-group" style="margin-top: 5px">
			<a href="${path }/company/companyAdd.htm" class="btn btn-primary" id="addUser">添加</a>
		</div>

	</div> --%>
	
  	<!--表格  -->
 	<div class="col-md-12 col-sm-12 col-xs-12" style="margin-top: 30px">
		<table id="enterpriseList" class="table table-bordered table-striped" style="width:100%">
			<thead>
				<tr>
					<th>企业名称</th>
					<th>身份</th>
					<th>地址</th>
					<th>资质</th>
					<th>法人</th>
					<th>企业人数</th>
					<th>操作</th>
				</tr>
			</thead>
		</table>

	</div>
 
	<!-- Peity-->
	<script src="${path }/resources/js/plugins/peity/jquery.peity.min.js"></script>
	
	<!-- Bootstrap table-->
	<script src="${path }/resources/js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
	<script src="${path }/resources/js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>

	<!-- 自定义js-->
	<script src="${path }/resources/js/content.js?v=1.0.0"></script>
	
	<!-- jQuery Validation plugin javascript-->
    <script src="${path }/resources/js/plugins/validate/jquery.validate.min.js"></script>
    <script src="${path }/resources/js/plugins/validate/messages_zh.min.js"></script>
   
   	<!-- jQuery form  -->
    <script src="${path }/resources/js/jquery.form.min.js"></script>
    
    <!-- layer javascript -->
    <script src="${path }/resources/js/plugins/layer/layer.min.js"></script>
    
    	<!--DataTables 核心 js-->
	<script src="${path }/resources/js/jquery.dataTables.min.js"></script>
	<!--DataTables button扩展-->
	<script
		src="${path }/resources/js/dataTables.buttons.min.js"></script>
	<!--DataTables 导出相关js文件-->
	<script src="${path }/resources/js/buttons.html5.min.js"></script>
	<script src="${path }/resources/js/jszip.min.js"></script>
	<!-- 省市联动 -->
	<script src="${path }/resources/js/distpicker.data.js"></script>
	<script src="${path }/resources/js/distpicker.js"></script>
	<script src="${path }/resources/js/main.js"></script>
    
	<script type="text/javascript">
/* 	var province;
	var city;
	var district;
	
	$("#search").click(function()
	{
		var province = $("#province1").find("option:selected").text();
		var city = $("#city1").find("option:selected").text();
		var district = $("#district1").find("option:selected").text();

		
		if(province == "选择省份")
		{
			alert("请选择省信息！");
		}
		else
		{
			$.ajax({
				url : "queryEnterpriseList.htm",//.htm
				type : "POST",
				dataType : "json",
	  			data : {
					"province" : province,
					"city" : city,
					"area" : district, 
				},
				success : function(data)
				{
					var size = data.size();
					alert(size);
				},
				error : function(data) {
					//alert("error");
				}
			});
		}
	}); */
  
	 	var data=${content};     
         //然后 DataTables 这样初始化：
         $('#enterpriseList').DataTable( {
        	 "data": data,
         	language: { 
         		"paginate": {
         	          "processing": "正在处理中。。。"
         	        },
         	      //"sProcessing": "处理中...",  
         	      "sLengthMenu": "显示 _MENU_ 项结果",  
         	      "sZeroRecords": "没有匹配结果",  
         	      "sInfo": "显示第 _START_ 至 _END_ 项结果，共 _TOTAL_ 项",  
         	      "sInfoEmpty": "显示第 0 至 0 项结果，共 0 项",  
         	      "sInfoFiltered": "(由 _MAX_ 项结果过滤)",  
         	      "sInfoPostFix": "",  
         	      "sSearch": "搜索:",  
         	      "sUrl": "",  
         	      "sEmptyTable": "表中数据为空",  
         	      "sLoadingRecords": "载入中...",  
         	      "sInfoThousands": ",",  
         	      "oPaginate": {  
         	          "sFirst": "首页",  
         	          "sPrevious": "上页",  
         	          "sNext": "下页",  
         	          "sLast": "末页"  
         	      },  
         	      "oAria": {  
         	          "sSortAscending": ": 以升序排列此列",  
         	          "sSortDescending": ": 以降序排列此列"  
         	      }  
         	  }  ,
              "iDisplayLength":15,
          	  "lengthMenu":[10,15,20], 
        	  "columns": [ 
		             { "data": "name",
		            	 "orderable": false,
		               "defaultContent": "",
		             },
		             { "data": "identify",
		            	 "orderable": false,
		               "defaultContent": "",
		             },
		             { "data": "address",
		            	 "orderable": false,
		               "defaultContent": "",
		             },
		             { "data": "qualification",
		            	 "orderable": false,
		               "defaultContent": "",
		             },
		             { "data": "legal_name",
		            	 "orderable": false,
		               "defaultContent": "",
		             },
		             { "data": "employe_number",
		            	 "orderable": false,
		               "defaultContent": "",
		             },
                     {
   	                  "data": "id",
   	                  "orderable": false, // 禁用排序
   	                  "defaultContent": "",
   	                  "render": function (data, type, row, meta) {
   	                			  return data = '<a href="${path }/Enterprise/certificatePicture.htm?id=' + data + '" class="btn btn-primary btn-xs"> 查看资质证书 </a>'  
   	                					 /* return data = '<button onclick="viewCertificatePicture(' + data + ')" class="btn btn-primary btn-xs">查看资质证书</button>'  */
   	                		 		+ '<a href="${path }/Enterprise/fireGetEnterPersonList.htm?id=' + data + '" class="btn btn-default btn-xs"> 查看人员情况 </a>' ;
   	                             } 
		             
			   		}]
         } );
         
         function viewCertificatePicture(id) {
        	 alert(id);
        	 //alert(certificatePicture);
        	 //console.log(certificatePicture);
   	        $.ajax({      	       
   	            url: "/firefighting/Enterprise/down.htm",
   	            type: 'post',
   	            data: {id: id},
   	            dataType: "json",
   	            success: function (data) {
   	            	alert("下载成功");
   	            },
   	            error: function (data) {
   	                alert("下载失败，该图片未上传或者该图片不存在！");
   	            }
   	        });
	 		 

     	        return true;
  
     	}
	</script>

</body>
</html>